.logManage {
    $bg-color: #212825;
    $header-item-height: 32px;
    $btn-bg-color: #00f794;
    $input-bg-color: #212825;
    $cell-bg-color: #212825;
    width: 80%;
    height: calc(100vh - 300);
    background: $bg-color;
    opacity: 0.96;
    border: 1px solid #5e706f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;

    .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        color: #fff;
        padding: 0 15px;
        border-bottom: 1px solid #c5fffb48;
    }

    .tableWrap {
        padding: 0 13px;

        .option {
            width: 200px;
        }

        .tableRow:hover > td {
            background-color: $cell-bg-color;
        }

        .passBtn {
            background-color: $btn-bg-color;
            border: 1px solid $btn-bg-color;
            color: #fff;
        }

        .rejectBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
        }

        .resetUserBtn {
            background-color: #00e9ff;
            border: 1px solid #00e9ff;
            color: #fff;
        }
        .deleteBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
        }

        :global {
            .ant-table-tbody > tr.ant-table-placeholder:hover > td {
                background-color: $cell-bg-color;
            }
            .ant-empty-normal {
                color: #fff;
            }
            .ant-table-cell {
                background-color: $cell-bg-color;
                color: #fff;
                border-bottom: 1px solid #5e706f;
            }
            .ant-table-thead .ant-table-cell {
                background-color: #414947;
            }
            .ant-table-row:hover > td {
                background-color: $cell-bg-color;
            }

            .ant-pagination {
                color: #fff;
            }
            .ant-pagination-prev .ant-pagination-item-link,
            .ant-pagination-next .ant-pagination-item-link,
            .ant-pagination-item {
                background-color: #323f3e;
                color: #fff;
                border: none;
            }
            .ant-pagination-item a {
                color: #fff;
            }
            .ant-pagination-item-active {
                background-color: #063a29;
                a {
                    color: $btn-bg-color;
                }
            }
            .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                background-color: $input-bg-color;
                border: 1px solid #5e706f;
                color: #fff;
            }
        }
    }
}

.mask {
    position: fixed;
    inset: 0;
    height: 100vh;
    background-color: #000;
    opacity: 0.72;
    z-index: 999;
}
